@import './../../style/default.less';
.login-page{
	background-image: radial-gradient(#fff, #5f9fef);
	.login-bg{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-attachment: fixed;
		background-size:cover;
		background-repeat: no-repeat;
	}
	.overlay{
		position: fixed;
		top:0;
		right: 0;
		bottom: 0;
		left:0;
		background: rgba(0,0,0,.3);
	}
	.login-header{
	    position: fixed;
	    top:20px;
	    left:0;
	    width:100%;
	    height:64px;
	    .logo{
			display: flex;
			align-items: center;
			height: 64px;
	        padding-left: 40px;
			img{
			    height:50px;
			    margin-right: 15px;
				vertical-align: middle;
			}
			h1{
				margin: 0;
				font-size: @fontB;
				color: #fff;
			}
	    }
	}
}

.login-content-wrap{
    min-height:550px;
    height:calc(~'100vh');
	.login-content{
	    position:relative;
	    top:50%;
	    display:flex;
	    max-width:960px;
	    margin:0 auto;
	    padding:0 20px;
	    transform:translateY(-50%);
	    align-items:center;
	    justify-content: space-between;
	    .word{
			max-width: 564px;
	        font-weight:bold;
			h2{
				color: @colorK;
				font-size: @fontX;
				text-shadow: 2px 2px 3px @colorH;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			p{
				color: @colorK;
				font-size: @fontB;
			}
	    }
		.login-box{
		    position:relative;
			width: 356px;
		    // height:370px;
		    padding:20px 30px 0 30px;
			border-radius: 5px;
			border: 5px solid #f7f7f7;
		    background:#fff;
		    overflow:hidden;
			.wh-input{
				height: 40px;
				background: #f9f9f9;
				border: none;
				border-radius: 5px;
				#pwd{
					background: #f9f9f9;
				}
			}
		    .title{
		        line-height:1;
		        margin-bottom:30px;
		        font-size: @fontB;
		        color:@colorC;
		        font-weight:bold;
		        text-align:center;
		    }
			.code-img{
				width: 100%;
				height: 40px;
				// border-radius: 2px;
				// border: 1px solid #d9d9d9;
				border: none;
				cursor: pointer;
			}
			.login-form-button{
			    width:100%;
				height: 40px;
				margin-right: 0;
				border-radius: 5px;
				box-shadow: 0 2px 10px rgba(0,0,0,.2)
			}
		}
	}
}

